.mui-bar-nav {
	background-color: black;
}

.mui-title {
	color: #fff;
}

.mui-icon-left-nav {
	color: #fff;
}

.mui-icon-search {
	color: #fff;
	float: right;
}

.mui-content {
	background-color: black;
}

.mui-table-view-cell {
	font-weight: 900;
}

.text {
	padding-bottom: 30px;
	text-align: center;
}

h4 {
	color: #fff
}

h5 {
	font-weight: 900;
	margin-top: 20px;
}

.time {
	float: right;
	font-weight: 100;	
}

.image {
	padding-top: 20px;
	margin-bottom: 52%;
}

.image1 {
	width: 43%;
	position: absolute;
	border-radius: 5px;
	z-index: 1;
}

.image2 {
	width: 43%;
	position: absolute;
	left: 10%;
	border-radius: 5px;
	z-index: 2;
}

.image3 {
	width: 40%;
	position: absolute;
	right: 10%;
	border-radius: 5px;
	z-index: 2;
}

.image4 {
	width: 40%;
	position: absolute;
	right: 5px;
	border-radius: 5px;
	z-index: 1;
}

.zhong {
	width: 43%;
	position: absolute;
	left: 28%;
	top: 60px;
	border: 2px solid blueviolet;
	border-radius: 5px;
	z-index: 3;
}

 visit.mui-table-view-cell {
	border-left: 3px solid blueviolet;
}
